<template>
    <h2>模板语法</h2>

    <span>(文本插值)姓名：{{name}}</span>
    <br>
    <span>年龄：{{age+3}}</span>
    <br>
    <div>{{age==17?"正确":"错误"}}</div>
    <br>
    <span v-html="attr"></span>
    <br>
    <input type="text" v-bind:id="Sid" v-bind:name="Sname">
    <br>
    <!-- v-bind:简写操作: -->
    <input type="text" :id="Sid" :name="Sname">
    <button :disabled="istrue">登录</button>
    <br>
    <input type="text" :id="info.Tid" :name="info.Tname">
</template>


<script setup lang="ts">
//声明常量
const name="张三";
const age=18;

//v-html 指令使用
const attr="<a href='https://cn.bing.com/'>必应官网</a>";

//声明参数 通过v-bind完成绑定
const Sid="1";
const Sname="张三";

//创建对象 保存教师编号、教师姓名
const info={
    Tid:"1",
    Tname:"李四"
}

//完成按钮属性设置
const istrue=false

</script>